/*
20240104 21大数据2陈张晗
*/
.movie-card-wrap .movie-card-buy:hover,.movie-card-wrap .movie-card-soon:hover,.movie-freqlist .freqlist li .buynow a:hover,.movie-freqlist .more,.tab-movie-tit a:hover {
    text-decoration: none
}

.movie-path {
    height: 60px
}

.movie-path .path {
    float: left;
    color: #3e3e3e;
    line-height: 60px
}

.movie-path .path a {
    color: #3e3e3e
}

.movie-path .steps {
    float: right;
    color: #9a9a9a;
    line-height: 60px
}

.movie-path .steps span {
    display: block;
    float: left
}

.movie-path .steps i {
    display: block;
    width: 14px;
    height: 60px;
    float: left;
    margin: 0 5px;
    background: url(//img.alicdn.com/tps/i3/TB1apxtGXXXXXX7XVXXNqXbFXXX-14-9.png) center center no-repeat
}

.left-wrap {
    float: left;
    width: 596px;
    padding: 0 20px!important;
    border: 1px solid #e5e5e5;
    overflow: hidden
}

.right-wrap,.tab-movie-tit {
    border-bottom: 1px #e5e5e5 solid
}

.right-wrap {
    float: left;
    width: 308px;
    padding: 20px!important;
    border-top: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    background-color: #f7f7f7
}

.tab-movie-list {
    width: 610px;
    display: block
}

.tab-movie-tit {
    height: 60px;
    width: 100%;
    margin-bottom: 10px
}

.tab-movie-tit a {
    display: block;
    margin-right: 30px;
    float: left;
    color: #999;
    font-size: 16px;
    margin-top: 32px;
    line-height: 26px
}

.tab-movie-tit a:hover {
    color: #3e3e3e
}

.tab-movie-tit a.current {
    color: #3e3e3e;
    border-bottom: 2px #eb002a solid
}

.tab-movie-tit a.more {
    float: right;
    font-size: 12px;
    color: #eb002a
}

.tab-movie-tit a.more:hover {
    border: none;
    text-decoration: none
}

.movie-card-wrap {
    display: block;
    width: 161px;
    height: 273px;
    overflow: hidden;
    position: relative;
    padding-top: 9px;
    padding-right: 9px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 19px;
    line-height: 0
}

.movie-card-wrap .movie-card-soon {
    display: block;
    height: 40px;
    width: 158px;
    line-height: 40px;
    text-align: center;
    background: #FFF;
    color: #999;
    border-left: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid
}

.movie-card-wrap .movie-card-buy {
    display: block;
    height: 40px;
    width: 102px;
    line-height: 40px;
    padding-left: 58px;
    background: #eb002a;
    color: #fff
}

.movie-card-wrap .actIcon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    line-height: 20px
}

.movie-card-wrap .actIcon i {
    display: block;
    font-style: normal
}

.movie-card-wrap .actIcon i.i-1 {
    width: 97px;
    height: 41px;
    background: url(//gw.alicdn.com/tps/TB1gI9RKXXXXXXRXpXXXXXXXXXX-97-41.png) top right no-repeat
}

.movie-card-wrap .actIcon i.i-2 {
    border-radius: 3px;
    color: #fff;
    padding: 2px 4px;
    background-color: #eb002a
}

.movie-freqlist {
    width: 100%
}

.movie-freqlist h5 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-bottom: 1px #dcdcdc solid
}

.movie-freqlist h5 span {
    float: left
}

.movie-freqlist .more {
    float: right;
    font-size: 12px;
    font-weight: 400
}

.movie-freqlist .freqlist li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    line-height: 24px;
    border-bottom: 1px #e5e5e5 dotted
}

.movie-freqlist .freqlist li i {
    display: block;
    position: absolute;
    top: 20px;
    height: 9px;
    width: 9px;
    background-image: url(//img.alicdn.com/tps/i1/TB1RUdfGXXXXXXBXpXXTFRtJpXX-9-213.png);
    background-repeat: no-repeat;
    z-index: 9
}

.movie-freqlist .freqlist li i.i-1 {
    background-position: 0 0
}

.movie-freqlist .freqlist li i.i-2 {
    background-position: 0 -42px
}

.movie-freqlist .freqlist li i.i-3 {
    background-position: 0 -81px
}

.movie-freqlist .freqlist li i.i-4 {
    background-position: 0 -125px
}

.movie-freqlist .freqlist li i.i-5 {
    background-position: 0 -168px
}

.movie-freqlist .freqlist li i.i-6 {
    background-position: 0 -204px
}

.movie-freqlist .freqlist li .name {
    font-size: 14px;
    margin-right: 10px;
    color: #3e3e3e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 138px
}

.movie-freqlist .freqlist li .hot {
    color: #999
}

.movie-freqlist .freqlist li .address {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%
}

.movie-freqlist .freqlist li .price {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 24px;
    color: #eb002a;
    font-size: 14px
}

.movie-freqlist .freqlist li .buynow {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 24px
}

.movie-freqlist .freqlist li .buynow a {
    display: block;
    float: left;
    padding: 0 5px;
    margin-left: 5px;
    line-height: 30px;
    background-color: #eb002a;
    color: #fff
}

.movie-freqlist .freqlist li.current .buynow {
    display: block
}

.movie-freqlist .freqlist li.current .price {
    display: none
}

.movie-card .movie-card-info .movie-card-list,.movie-card .movie-card-info .movie-card-mask {
    -webkit-transition: all .2s ease-out;
    -webkit-transform: translateY(-50px);
    opacity: 0;
    filter: alpha(opacity=0)
}

.movie-card .movie-card-info span,.movie-card .movie-card-name span.bt-l,.movie-card .movie-card-name span.bt-r {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.movie-card {
    position: relative;
    display: inline-block;
    _display: block;
    background: #000
}

.movie-card .movie-card-poster {
    -webkit-mask-image: -webkit-linear-gradient(top,#142842 60%,transparent 120%,transparent)
}

.movie-card .movie-card-name {
    position: absolute;
    bottom: 0;
    height: 56px;
    width: 100%
}

.movie-card .movie-card-name span {
    display: block;
    line-height: 24px;
    height: 24px;
    margin-top: 30px;
    color: #fff
}

.movie-card .movie-card-name span.bt-l {
    margin-left: 5px;
    float: left;
    width: 70%
}

.movie-card .movie-card-name span.bt-r {
    margin-right: 5px;
    float: right;
    width: 20%
}

.movie-card .movie-card-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 224px;
    color: #fff
}

.movie-card .movie-card-info .movie-card-mask {
    width: 160px;
    height: 225px;
    background-color: #000
}

.movie-card .movie-card-info .movie-card-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    padding-top: 30px;
    padding-left: 25px
}

.movie-card .movie-card-info span {
    display: block;
    line-height: 24px;
    width: 100%
}

.movie-card .movie-card-tag {
    font-size: 0;
    width: 0;
    height: 0;
    position: relative;
    z-index: 1
}

.movie-card .movie-card-tag i {
    position: absolute;
    width: 50px;
    height: 50px
}

.movie-card .movie-card-tag i.t-201 {
    background: url(//img.alicdn.com/tps/i1/TB1KyYPGXXXXXbwXFXXTQjBHXXX-51-51.gif);
    background-size: 100% 100%
}

.movie-card .movie-card-tag i.t-202 {
    background: url(//img.alicdn.com/tps/i4/TB1ddTRGXXXXXX.XFXXTQjBHXXX-51-51.gif);
    background-size: 100% 100%
}

.movie-card .movie-card-tag i.t-203 {
    background: url(//img.alicdn.com/tps/i2/TB1jlL8GXXXXXaQXXXXTQjBHXXX-51-51.gif);
    background-size: 100% 100%
}

.movie-card .movie-card-tag i.t-101,.movie-card .movie-card-tag i.t-102,.movie-card .movie-card-tag i.t-103 {
    background: url(//img.alicdn.com/tps/i3/TB1oUgpGXXXXXbmXVXXTQjBHXXX-51-51.gif);
    background-size: 100% 100%
}




.movie-card:hover {
    text-decoration: none
}

.movie-card:hover .movie-card-mask {
    -webkit-transform: translateY(0)!important;
    opacity: .6!important;
    filter: alpha(opacity=60)
}

.movie-card:hover .movie-card-list {
    -webkit-transform: translateY(0)!important;
    opacity: 1!important;
    filter: alpha(opacity=100)
}
